<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>查看物流</title>
    <link rel="stylesheet" href="../css/aui.2.0.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/alert.css">
    <link rel="stylesheet" href="../css/wuliu.css">
</head>
<body style="background-color: #f0f0f0">
<header class="aui-bar aui-bar-nav">
    <a class="aui-pull-left aui-btn">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">查看物流</div>
</header>
<nav>
    <div class="wuliu-shop">
        <div class="wuliu-name">
            购买的商品
        </div>
        <div id="wuliu-info-list">
            <script type="text/x-handlebars-template" id="products-info-template">
                {{#product}}
                <div class="dis-list-box">
                    <div class="dis-shop-img">
                        <img src="{{mainImageUrl}}" alt="">
                    </div>
                    <div class="dis-list-content">
                        <div class="dis-shop-detail">
                            <span class="hongbao">红包{{productHongbao}}元</span>
                            <span>{{exemption isServenBack}}</span>
                            <span>{{name}}</span>
                        </div>
                        <div class="dis-price">
                            <span>￥{{productPrice}}</span>
                            <span>￥{{productOrginPrice}}</span>
                        </div>
                        <div class="wuliu-count">
                            <span>数量: {{totalCount}}</span>
                            <span id="confirm-goods-button">确认收货</span>
                        </div>
                    </div>
                </div>
                <div class="wuliu-buy-time-box">
                    <div class="wuliu-buy-time">
                        购买时间: <span>{{createTime}}</span>
                    </div>
                    <div class="wuliu-buy-time">
                        支付金额: <span>{{totalMoney}}元</span>
                    </div>
                </div>
                {{/product}}
            </script>

        </div>
    </div>
    <div class="wuliu-info-content">
        <div class="wuliu-info-name">物流信息</div>
        <ul id="select-wuliu-info">
            <script type="text/x-handlebars-template" id="select-wuliu-template">
                {{#if (compare (isYesNull wuliu) '>' 0)}}
                {{#each wuliu}}
                <li class="select-wuliu-list">
                    <span>{{datetime}}</span>
                    <span class="wuliu-data">{{remark}}</span>
                </li>
                {{/each}}
                {{else}}
                    <li class="wuliu-null">暂无物流信息...</li>
                {{/if}}
            </script>
        </ul>
        <div class="wuliu-kefu-box">
            <span id="wuliu-kefu">联系客服</span>
            <span id="wuliu-tuikuan">退款</span>
        </div>
    </div>

</nav>

<div class="mask"></div>
<div id="confirm-goods">
    <div class="is-confirm">是否确认收货</div>
    <div class="confirm-order-info">
        <img src="../img/4.jpg" alt="">
        <div class="wuliu-alert-box">
            <span class="hongbao"></span>
            <span class="alert-shop-name"></span>
        </div>
    </div>
    <div class="confirm-box">
        <span id="confirm-cancel">取消</span>
        <span id="confirm-submit">确认</span>
    </div>
</div>
<div class="tuikuan-alert">
    <div class="tuikuan-text">确定要退款吗？</div>
    <div class="tuikuan-select">
        <span id="tuikuan-cancel">取消</span>
        <span id="tuikuan-confirm">确定</span>
    </div>
</div>
<div id="kefu-tel-box">
    <div class="wuliu-close">
        <img src="../img/clone.png" class="wuliu-close-img" alt="">
    </div>
    <div class="kefu-name">客服电话</div>
    <a href="" class="tel-box"></a>
</div>
<script src="../js/jquery-3.0.0.min.js"></script>
<script src="../js/handlebars-v4.0.10.js"></script>
<script src="../js/config.js"></script>
<script src="../js/common.js"></script>
<script src="../js/function.js"></script>
<script src="../js/alert.js"></script>
<script src="../js/wuliu.js"></script>


</body>
</html>